<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="./script/rem.js"></script>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
  <link rel="stylesheet" type="text/css" href="./css/style.css" />
  <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>
<body>

  <header class="head" style="padding-top:0.4rem;" id='head'>
    <div class="head-l" tapmode onclick="closeWin()"><i class="fa fa-angle-left"></i></div>
    <h3>一品头条</h3>
    <div class="head-r"></div>
  </header>
  <div class="head-d" style="padding-top:0.4rem;"></div>




</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/index.js"></script>
<script type="text/javascript">
  apiready = function() {

    var offset = $api.offset($api.dom('#head'));

    var url = api.pageParam.url;
    api.openFrame({
      name: 'web_url',
      url: url,
      rect: {
        x: 0,
        y: offset.h,
        w: 'auto',
        h: 'auto'
      },
      pageParam: {
        name: 'test'
      },
      bounces: true,
      bgColor: 'rgba(0,0,0,0)',
      vScrollBarEnabled: true,
      hScrollBarEnabled: true
    });

    $('img').css('width','100%');
    $('img').css('height','auto');

  }


  function closeWin() {
    api.closeWin({});
  }
</script>

</html>
